<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>专题列表</title>

	<meta name="renderer" content="webkit"/> 
	<meta http-equiv="X-UA-Compatible" content="IE=edge"> 

	<!-- <link rel="stylesheet" type="text/css" href="css/swiper3.06.min.css">
	<link rel="stylesheet" type="text/css" href="css/animate.min.css"> -->
	<link rel="stylesheet" type="text/css" href="css/style.css">

	<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
	<!-- <script type="text/javascript" src="js/swiper.min.js"></script>
	<script type="text/javascript" src="js/swiper.animate1.0.2.min.js"></script> -->
	<script type="text/javascript" src="js/countUp.js"></script>
	<script type="text/javascript" src="js/jquery.waypoints.min.js"></script>

	<link rel="stylesheet" href="css/idangerous.swiper.css">
	<script src="js/idangerous.swiper.min.js"></script>


</head>
<body>




	<!-- header -->
	<header id="header">
		<div class="centerCon clearfloat">
			<div class="Logo">
				<a href="#"><img src="images/public/Logo.jpg"></a>
			</div>
			<div class="NavAndSearch clearfloat">
				<nav class="clearfloat">
					<a class="active" href="#">首页</a>
					<a href="#">新闻</a>
					<a href="#">专题</a>
					<a href="#">视频</a>
					<a href="#">发售列表</a>
					<a href="#">Digger</a>

				</nav>
				<form class="Search">
					<input id="SearchInupt" class="" type="text" name="" pattern="Search">
					<button type="button" id="showSearch" class="iconCn"><i class="iconfont">&#xe63c;</i></button>
				</form>
			</div>
		</div>
	</header>
	<!-- header end -->




	<!-- section.Banner -->
	<section class="InBanner"  style="height: 750px;">
		<div class="swiper-container" id="InBannerSwiper" style="height: 750px;">
			<div class="swiper-wrapper">
				<div class="swiper-slide"><a href="#"><img src="images/Banner/Banner_02.jpg"></a></div>
				<div class="swiper-slide"><a href="#"><img src="images/Banner/Banner_02.jpg"></a></div>
				<div class="swiper-slide"><a href="#"><img src="images/Banner/Banner_02.jpg"></a></div>
				
			</div>
			<!-- 如果需要分页器 -->
			<div class="swiper-pagination InBannerOnePagination"></div>

			<!-- 如果需要导航按钮 -->


			
			<div class="bocBotl">
				<div class="swiper-button-prev InBannerOnePrev"></div>
				
			</div>
			<div class="bocBotr">
				<div class="swiper-button-next InBannerOneNext"></div>
				
			</div>

			<!-- 如果需要滚动条 -->
			<!-- <div class="swiper-scrollbar"></div> -->
		</div>
	</section>
	<!-- section.Banner end-->




	<section class="SpecialList">
		<div class="centerCon">
			<nav class="nav">
			<a class="active" href="javascript:void(0);">专题</a>
				<a href="javascript:void(0);">拆解</a>
				<a href="javascript:void(0);">评测</a>
			</nav>
			<ul class="list clearfloat">
				<li>
					<a href="#">
						<div class="imgC"><img src="images/ku/img_06.jpg"></div>
						<div class="head">Behind The Beard——胡子背后的哈登，是条汉子</div>
						<p>和尚不光喝酒还开酒吧？老板是怎样的酒肉和尚？听说他还有妻室，不戒酒色如何修行？</p>
					</a>
				</li>

				<li>
					<a href="#">
						<div class="imgC"><img src="images/ku/img_06.jpg"></div>
						<div class="head">Behind The Beard——胡子背后的哈登，是条汉子</div>
						<p>和尚不光喝酒还开酒吧？老板是怎样的酒肉和尚？听说他还有妻室，不戒酒色如何修行？</p>
					</a>
				</li>

				<li>
					<a href="#">
						<div class="imgC"><img src="images/ku/img_06.jpg"></div>
						<div class="head">Behind The Beard——胡子背后的哈登，是条汉子</div>
						<p>和尚不光喝酒还开酒吧？老板是怎样的酒肉和尚？听说他还有妻室，不戒酒色如何修行？</p>
					</a>
				</li>

				<li>
					<a href="#">
						<div class="imgC"><img src="images/ku/img_06.jpg"></div>
						<div class="head">Behind The Beard——胡子背后的哈登，是条汉子</div>
						<p>和尚不光喝酒还开酒吧？老板是怎样的酒肉和尚？听说他还有妻室，不戒酒色如何修行？</p>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="imgC"><img src="images/ku/img_06.jpg"></div>
						<div class="head">Behind The Beard——胡子背后的哈登，是条汉子</div>
						<p>和尚不光喝酒还开酒吧？老板是怎样的酒肉和尚？听说他还有妻室，不戒酒色如何修行？</p>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="imgC"><img src="images/ku/img_06.jpg"></div>
						<div class="head">Behind The Beard——胡子背后的哈登，是条汉子</div>
						<p>和尚不光喝酒还开酒吧？老板是怎样的酒肉和尚？听说他还有妻室，不戒酒色如何修行？</p>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="imgC"><img src="images/ku/img_06.jpg"></div>
						<div class="head">Behind The Beard——胡子背后的哈登，是条汉子</div>
						<p>和尚不光喝酒还开酒吧？老板是怎样的酒肉和尚？听说他还有妻室，不戒酒色如何修行？</p>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="imgC"><img src="images/ku/img_06.jpg"></div>
						<div class="head">Behind The Beard——胡子背后的哈登，是条汉子</div>
						<p>和尚不光喝酒还开酒吧？老板是怎样的酒肉和尚？听说他还有妻室，不戒酒色如何修行？</p>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="imgC"><img src="images/ku/img_06.jpg"></div>
						<div class="head">Behind The Beard——胡子背后的哈登，是条汉子</div>
						<p>和尚不光喝酒还开酒吧？老板是怎样的酒肉和尚？听说他还有妻室，不戒酒色如何修行？</p>
					</a>
				</li>
			</ul>
			<div class="bbu">
				<div class="IndMore">
					<a href="more">Load more</a>
				</div>
			</div>
		</div>
	</section>






	<!-- footer -->
	<footer id="footer">
		<div class="centerCon">
			<div class="imgC"><img src="images/public/Logo_02.jpg"></div>
			<div class="link">
				<a href="#">关于我们</a>
				<a href="#">联系方式</a>
				<a href="#">隐私政策</a>
				<a href="#">广告业务</a>
				<a href="#">招聘信息</a>
			</div>

			<p>2016LONG7.COM ALL RIGHTS RESERVED / POWERED BY LONG7 PROFESSIONAL SNEAKER MEDIA 沪ICP备15526666号</p>
		</div>
	</footer>
	<!-- footer end -->










	<script type="text/javascript" src="js/public.js"></script>


	<script type="text/javascript" src="js/index.js"></script>
</body>
</html>